<script type="text/html" template>
    <link rel="stylesheet" href="{{ layui.setter.base }}style/css/home/edit-alert.css">
</script>
    <style>
        .layui-layer-content {
            text-align: left;
        }
        .footer{
            padding: 0;
            margin-top: 40px;
        }
        .footer button {
            border: none;
        }
    </style>
    <div class="alert-box">
        <form class="form layui-form">
            <div class="layui-form-item" style="display: flex;">
                <label class="layui-form-label" och="documentName">执行时间:</label>
                <div class="layui-input-block">
                    <input type="text" name='date' class="tcDocName" autocomplete="off" id="xjTree"></input>
                </div>
            </div>
            <div class="layui-form-item" style="display: flex;" id="isStop1">
                <label class="layui-form-label" och="supplier"
                    style="line-height: 41px;margin-right: 10px;">是否启动:</label>
                <input type="checkbox" name="isStop" lay-skin="switch" id="isStop">
            </div>
        </form>
        <div class="footer" style="justify-content: center;">
            <button class="btn1 layui-btn layui-btn-radius layui-btn-primary" id="documentType_btn">确认</button>
            <button class="btn2 layui-btn layui-btn-radius layui-btn-primary">取消</button>
        </div>
    </div>
<script>
    layui.use(['admin', 'form', 'user', 'table', 'api', 'laytpl', 'utill', 'laydate', 'view', 'layer'], function () {
        var form = layui.form;
        var laydate = layui.laydate;
        form.render();
        // 事件组件
        laydate.render({
            elem: "#xjTree",
            type: "time",
            format: "HH:mm:ss"
        });
    })
</script>
